<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        分为三种
            1. 行内写法
            2. 内嵌写法
            3. 外嵌写法
     -->
    <!-- 行内写法 a标签写法 -->
    <a href="javascript:alert('Hello World');">第一句JS代码</a>
    <!-- 行内写法 非a标签 -->
    <div onclick="alert('Hello World')">这个是一个DIV</div>

    <!-- 比如: -->
    <a href="javascript:;" onclick="alert('22222')">1111</a>

    <!-- 内嵌写法 -->
    <script>
        //JS代码
        alert("这是一个内嵌写法")
        alert("111111111")
    </script>
    <!-- <script>
        alert("11111111111")
    </script> -->
    <!-- 外嵌写法 -->
    <script src="./01.js"></script>
</body>

</html>